<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1-home</title>
    <link rel="stylesheet" href="./css/1-home.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/通用.css">
</head>

<body>
    <header>
        <div class="ding">
            <div class="name">
                奈商城
            </div>
        </div>
    </header>

    <nav style="padding-top:1.29rem;">
        <div class="serch">
            <div class="left">
                <div class="tubiao">
                    <img src="./images/home (9).png" alt="">
                </div>
                <div class="serch1">
                    <input type="serch" placeholder="输入您要搜索的宝贝..">
                </div>
            </div>
            <div class="right">
                <div class="kuang">

                </div>
                <img src="./images/home (8).png" alt="">
            </div>
        </div>
    </nav>
    <section>
        <div class="banner">
            <div class="tupian">
                <img src="./images/home (7).png" alt="">
            </div>
            <ul>
                <li class="toumingdu"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </section>
    <nav>
        <div class="daohang">
            <div class="one">
                <img src="./Icon/主页/home-cat1.png" alt="">
                <span>菲茨</span>
            </div>
            <div class="one">
                <img src="./Icon/主页/home-cat2.png" alt="">
                <span>克奈圃</span>
            </div>
            <div class="one">
                <img src="./Icon/主页/home-cat3.png" alt="">
                <span>服装</span>
            </div>
            <div class="one">
                <img src="./Icon/主页/home-cat4.png" alt="">
                <span>其他</span>
            </div>
        </div>
        <div class="zhanwei">

        </div>
    </nav>
    <section>
        <!-- <div class="tuijian">
            <div class="hufa">
    
            </div>
            <div class="jingxuan">
                精选推荐
            </div>
            <div class="hufa">
    
            </div>
        </div> -->

        <div class="recommend">

            <div class="lt">

                <div class="round"></div>
            </div>

            <div class="mid">

                <p>精选推荐</p>
            </div>

            <div class="rt">

                <div class="round"></div>
            </div>
        </div>
        <div class="neirong">
            <div class="shangpin youkuang">
                <div class="top">
                    <img class="youkuang" src="./images/home (1).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
                <div class="cuxiao">
                    <img src="./Icon/主页/home-new.png" alt="">
                </div>
            </div>
            <div class="shangpin">
                <div class="top">
                    <img src="./images/home (2).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
                <div class="cuxiao">
                    <img src="./Icon/主页/home-promotion.png" alt="">
                </div>
            </div>
            <div class="shangpin youkuang">
                <div class="top">
                    <img class="youkuang" src="./images/home (3).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
            </div>
            <div class="shangpin">
                <div class="top">
                    <img src="./images/home (4).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
            </div>
            <div class="shangpin youkuang">
                <div class="top">
                    <img class="youkuang" src="./images/home (5).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
            </div>
            <div class="shangpin">
                <div class="top">
                    <img src="./images/home (6).png" alt="">
                </div>
                <div class="center">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="bottom">
                    <div class="left">
                        ￥169
                    </div>
                    <div class="right">
                        <s>￥229</s>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="di">
            <div class="one">
                <img src="./Icon/底部主导航图标48px/首页-选中.svg" alt="">
                <span class="xuanzhong">首页</span>
            </div>
            <div class="one">
                <img src="./Icon/底部主导航图标48px/购物车.svg" alt="">
                <span>购物车</span>
            </div>
            <div class="one">
                <img src="./Icon/底部主导航图标48px/我的.svg" alt="">
                <span>我的</span>
            </div>
        </div>
    </footer>

</body>

</html>